<!DOCTYPE html>
<html class="x-admin-sm">
<head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.1</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <link rel="stylesheet" href="/step-seven-xadmin/css/font.css">
    <link rel="stylesheet" href="/step-seven-xadmin/css/xadmin.css">
    <link rel="stylesheet" href="/step-seven-xadmin/propertycss/common/myTable.css">
    <script src="/step-seven-xadmin/propertyjs/common/jquery-3.5.1.js"></script>
    <script src="/step-seven-xadmin/lib/layui/layui.js"></script>
    <script src="/step-seven-xadmin/propertyjs/common/cookie.js"></script>
    <script src="/step-seven-xadmin/propertyjs/common/xadmin.js"></script>
    <script src="/step-seven-xadmin/propertyjs/common/myAjax.js"></script>
    <script src="/step-seven-xadmin/propertyjs/navType/navTypeFindAll.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="/step-seven-xadmin/propertyjs/common/html5.min.js"></script>
    <script src="/step-seven-xadmin/propertyjs/common/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<div class="x-body">
    <!--    <form class="layui-form">-->
    <div class="layui-form-item">
        <label for="typeId" class="layui-form-label">
            <span class="x-red">*</span>导航类型
        </label>
        <div class="layui-input-inline">
            <select id="typeId" class="layui-select" >

            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label for="navName" class="layui-form-label">
            <span class="x-red">*</span>导航名称
        </label>
        <div class="layui-input-inline">
            <input type="text" id="navName" name="navName"  lay-verify="navName"
                   autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label for="href" class="layui-form-label">
            <span class="x-red">*</span>导航链接
        </label>
        <div class="layui-input-inline">
            <input type="text" id="href" name="href"  lay-verify="href"
                   autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label for="img" class="layui-form-label">
            <span class="x-red">*</span>导航图片
        </label>
        <div class="layui-input-inline">
            <input type="file" id="img" name="img"  lay-verify="img"
                   autocomplete="off" class="layui-input">
        </div>
        <div><img src="" id="showImg"></div>
    </div>
    <div class="layui-form-item">
        <label for="content" class="layui-form-label">
            <span class="x-red">*</span>导航内容
        </label>
        <div class="layui-input-inline" id="content">
        </div>
    </div>
    <div class="layui-form-item">
        <label for="status" class="layui-form-label">
            <span class="x-red">*</span>状态
        </label>
        <div class="layui-input-inline">
            <lable><input type="radio" id="status" value="1" name="status" lay-verify="result" autocomplete="off"
            >开启</lable>
            <lable><input type="radio" value="0" name="status" lay-verify="result" autocomplete="off"
            >关闭</lable>
        </div>
    </div>
    <div class="layui-form-item">
        <label for="status" class="layui-form-label">
            <span class="x-red"></span>
        </label>
        <button class="layui-btn" lay-filter="edit" lay-submit="" onclick="save()">
            点击修改
        </button>
    </div>
    <!--    </form>-->
</div>

<script>var _hmt = _hmt || [];
(function () {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
})();</script>
</body>
</html>
<script src="/step-seven-xadmin/wangEditor-3.1.1/release/wangEditor.js"></script>
<script type="text/javascript">
    var E = window.wangEditor
    var edit = new E('#content')
    // 或者 const editor = new E(document.getElementById('div1'))
    var editUrl = '/loadImg/img';//服务器访问地址
    edit.customConfig.menus = [
        'head',  // 标题
        'bold',  // 粗体
        'fontSize',  // 字号
        'fontName',  // 字体
        'italic',  // 斜体
        'underline',  // 下划线
        'strikeThrough',  // 删除线
        'foreColor',  // 文字颜色//
        'backColor',  // 背景颜色
        'link',  // 插入链接
        'justify',  // 对齐方式
        'emoticon',  // 表情
        'image',  // 插入图片
        'table',  // 表格
        'undo',  // 撤销
        'redo'  // 重复
    ];
    edit.customConfig.uploadImgShowBase64 = true;  // 使用 base64 保存图片
    edit.customConfig.uploadImgServer = editUrl; // 上传图片到服务器
    edit.customConfig.showLinkImg = false;// 隐藏“网络图片”tab
    //配置属性名称，绑定请求的图片数据
    //controller会用到，可以随便设置，但是一定要与controller一致
    edit.customConfig.uploadFileName = 'img';
    edit.customConfig.withCredentials = true;
    // 将图片大小限制为 5M
    edit.customConfig.uploadImgMaxSize = 5 * 1024 * 1024;
    edit.customConfig.uploadImgHooks = {
        before: function (xhr, editor, files) {
            // 图片上传之前触发
            // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，files 是选择的图片文件

            // 如果返回的结果是 {prevent: true, msg: 'xxxx'} 则表示用户放弃上传
            // return {
            //     prevent: true,
            //     msg: '放弃上传'
            // }
        },
        success: function (xhr, editor, result) {
            // 图片上传并返回结果，图片插入成功之后触发
            // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，result 是服务器端返回的结果
            console.log(result);
        },
        fail: function (xhr, editor, result) {
            // 图片上传并返回结果，但图片插入错误时触发
            // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，result 是服务器端返回的结果
        },
        error: function (xhr, editor) {
            // 图片上传出错时触发
            // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象
        },
        timeout: function (xhr, editor) {
            // 图片上传超时时触发
            // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象
        },

        // 如果服务器端返回的不是 {errno:0, data: [...]} 这种格式，可使用该配置
        // （但是，服务器端返回的必须是一个 JSON 格式字符串！！！否则会报错）
        customInsert: function (insertImg, result, editor) {
            // 图片上传并返回结果，自定义插入图片的事件（而不是编辑器自动插入图片！！！）
            // insertImg 是插入图片的函数，editor 是编辑器对象，result 是服务器端返回的结果

            // 举例：假如上传图片成功后，服务器端返回的是 {url:'....'} 这种格式，即可这样插入图片：
            let url = result.url;
            insertImg(url)
            // result 必须是一个 JSON 格式字符串！！！否则报错
        }
    };
    edit.create();
</script>
<script src="/step-seven-xadmin/propertyjs/nav/navAdd.js"></script>